<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'index.jsp' starting page</title>
    <base href="<%=basePath%>">
    
  <link rel="stylesheet" href="<%=basePath%>css/common.css" type="text/css"></link>
  <script type="text/javascript" src="<%=basePath%>js/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="<%=basePath%>js/regist.js"></script>
  
  </head>
  
  <body>
  	<div class="div_header" style="background-color: #FF8C69;" align="center"></div>
  	<div align="center" style="border:1px #000 solid; margin-top: 10px;background-color: white;width: 800px;">
    <form id="registForm" action="web/initAction_regist.action"  method="post" enctype="multipart/form-data">
  		<br>
  		<h2 style="color: #c3845b;" >为了你的光辉形象请赶紧注册一张入场券吧</h2>
  		<hr>
    	<table>
    		<tr height="30px;">
    			<td colspan="3">
    				<span id="errMsg" style="color: red;"></span>
    			</td>
    		</tr>
    		<tr>
    			<td align="right">
    				登录账号：
    			</td>
    			<td>
    				<input type="text" name="user.userId" id="userId" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
						onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
						style="border-width:1px;border-color=black;width: 150px;height: 25px;"
						onblur="checkUserId();"
						>
    			</td>
    			<td>
    				<span>只能输入5-20个以字母开头、可带数字、“_”的组合</span>
    			</td>
    		</tr>
    		<tr>
    			<td align="right">
    				用户名：
    			</td>
    			<td>
    				<input type="text" name="user.userName" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
						onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
						style="border-width:1px;border-color=black;width: 150px;height: 25px;">
    			</td>
    			<td>
    				<span></span>
    			</td>
    		</tr>
    		<tr>
    			<td align="right">
    				昵称：
    			</td>
    			<td>
    				<input type="text" name="user.nickname" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
							onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
							style="border-width:1px;border-color=black;width: 150px;height: 25px;">
    			</td>
    			<td></td>
    		</tr>
    		<tr>
    			<td align="right">
    				密码：
    			</td>
    			<td>
    				<input type="password" name="user.password" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
							onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
							style="border-width:1px;border-color=black;width: 150px;height: 25px;">
    			</td>
    			<td></td>
    		</tr>
    		<tr>
    			<td align="right">
    				确认密码：
    			</td>
    			<td>
    				<input type="password" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
							onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
							style="border-width:1px;border-color=black;width: 150px;height: 25px;">
    			</td>
    			<td></td>
    		</tr>
    		<tr>
    			<td align="right">
    				邮箱：
    			</td>
    			<td>
    				<input type="text" name="user.mail" id="mail" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
							onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
							style="border-width:1px;border-color=black;width: 150px;height: 25px;"
							onblur="checkMail();">
    			</td>
    			<td>
    				<span id="msg_mail"></span>
    			</td>
    		</tr>
    		<tr>
    			<td align="right">
    				QQ：
    			</td>
    			<td>
    				<input type="text" name="user.qq" id="qq" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
							onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
							style="border-width:1px;border-color=black;width: 150px;height: 25px;"
							onblur="checkQQ();">
    			</td>
    			<td></td>
    		</tr>
    		<tr>
    			<td align="right">
    				头像：
    			</td>
    			<td>
    				<s:file name="file"></s:file>
    			<!-- 
    				<input type="file" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'" 
						onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
						style="border-width:1px;border-color=black;width: 150px;height: 25px;">
    			 -->
    			</td>
    			<td></td>
    		</tr>
    	</table>
    	<br>
    	<input type="button" class="orange" style="width: 100px;" onclick="regist();" value="完成注册  >>">
    	<br>
    </form>
  	</div>
  	
  	<div align="center" style="margin-top: 10px;">
    <jsp:include page="/footer.jsp" flush="true" />
    </div>
  </body>
</html>
